<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>66Play——记录非凡时刻！</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<meta name="keywords" content="{:C('WEB_SITE_KEYWORD')}">
    <meta name="description" content="{:C('WEB_SITE_DESCRIPTION')}">
    <link rel="shortcut icon" href="__PUBLIC__/favicon.ico">
    <link rel="stylesheet" href="__ASSET__/Download/css/swiper.min.css" type="text/css" />
    <link rel="stylesheet" href="__ASSET__/Download/css/animate.min.css" type="text/css" />
    <link rel="stylesheet" href="__ASSET__/Download/css/mobile_down.css" type="text/css" />
    <script type="text/javascript" src="__ASSET__/Download/js/zepto.min.js"></script>    
    <style>
       html, body {
          position: relative;
          height: 100%;
      }
      body {
          background: #eee;
          font-family: "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
          font-size: 14px;
          color:#000;
          margin: 0;
          padding: 0;
      }
      .swiper-container {
          width: 100%;
          height: 100%;
      }
    </style>
    <script type="text/javascript">
        {:C('GLOBAL_BDHM')}
    </script>
    <script type="text/javascript">
        var mobileDevice = /iphone|ipod|ipad|Windows Phone|android|mobile/i;
        if(!(mobileDevice.test(navigator.userAgent.toLowerCase()))){
            location.href = "{:C('LOCAL_DOMAIN')}/download/app";
        }

        var device = 'Android';
        var matchDevice = /iphone|ipod|ipad/i;

        window._THIS = {
              "Android_url":"{:C('LOCAL_DOMAIN')}/download/android",
              "ios_url":"{:C('LOCAL_DOMAIN')}/download/ios"

        }
        if((matchDevice.test(navigator.userAgent.toLowerCase()))){
            device = 'iOS';
        }
        $(function(){
               is_Ios_Android()
        })

        function  is_Ios_Android(){ 
            if(device=='iOS'){
                 $(".slide_page1_btn").addClass('slide_page1_iphone_btn');
                 $(".slide_page1_mobile_pic_x").addClass('slide_page1_mobile_pic_iphone');
                  $(".slide_page1_btn").attr('href',_THIS.ios_url);
            }else{
                 $(".slide_page1_btn").attr('href',_THIS.Android_url);
            }
        }
        function appdownload(type){
            _hmt.push(['_trackEvent', 'APP下载', '手机下载页', device+'下载-'+type]);
        } 
    </script>
</head>
<body>
	 <!-- Swiper -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide  slide_page_1 relative">
              <div class="slide_page_logo_1  ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s' swiper-animate-delay="0.3s"></div>
              <a onclick="appdownload('顶部')" href="" class="slide_page1_btn">Android下载</a>
              <div class="slide_page1_mobile_pic slide_page1_mobile_pic_x ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s' swiper-animate-delay="0.3s"></div>
              <p class="slide_page1_text_1 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.5s">   一键记录你的游戏青春
              </p>
            </div>
            <div class="swiper-slide white_bg relative">
            	  <p class="swiper_title1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s'>片段直播</p>
            	  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">首创片段式直播，浓缩比赛精华，告别熬夜。</p>
                  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">三分钟看完整场比赛！</p>
                  <div class="slide_page1_mobile_pic slide_page1_mobile_pic_1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s"></div>
            </div>
            <div class="swiper-slide white_bg relative">
            	  <p class="swiper_title1  ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s'>手机录屏</p>
            	  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">无需ROOT，还能开启“色相头”！</p>
                  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">妹子陪你玩手游！</p>
                  <p class="swiper_title3 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.5s">PS:此功能目前仅支持Android APP</p>
                  <div class="slide_page3_mobile_pic ani" swiper-animate-effect="bounceIn" swiper-animate-duration='0.5s' swiper-animate-delay="0.5s"></div>
            </div>
            <div class="swiper-slide white_bg">
            	  <p class="swiper_title1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s'>趣味伙伴</p>
            	  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">结交趣味相投的小伙伴</p>
                  <p class="swiper_title2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration='0.5s' swiper-animate-delay="0.3s">分享游戏过程中的喜怒哀乐！</p>
                  <div class="swiper_page4_x1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.4s' swiper-animate-delay="0.8s"></div>
                  <div class="swiper_page4_x2 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.5s' swiper-animate-delay="1s"></div>
                  <a onclick="appdownload('底部')" href="" class="slide_page1_btn slide_page1_btn_1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration='0.3s' swiper-animate-delay="1.2s">Android下载</a>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
  <script src="__ASSET__/Download/js/swiper.min.js"></script>
	<script src="__ASSET__/Download/js/zepto.min.js"></script>
	<script src="__ASSET__/Download/js/swiper.animate.min.js"></script>
	<script>
	    var swiper = new Swiper('.swiper-container', {
	        pagination: '.swiper-pagination',
	        paginationClickable:false,
	        direction: 'vertical',
	        onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
		        swiperAnimateCache(swiper); //隐藏动画元素 
		        swiperAnimate(swiper); //初始化完成开始动画
		      }, 
		      onSlideChangeEnd: function(swiper){ 
		        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
		     },
         onTransitionEnd: function(swiper){
          swiperAnimate(swiper);
        }
	   });
    </script>
</body>
</html>